{__NOLAYOUT__}
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{$title}</title>
    <link href="__STATIC__/css/bootstrap.min.css-v=3.3.5.css" rel="stylesheet">
    <link href="__STATIC__/css/font-awesome.min.css-v=4.4.0.css" rel="stylesheet">
    <link href="__STATIC__/css/animate.min.css" rel="stylesheet">
    <link href="__STATIC__/css/style.min.css-v=4.0.0.css" rel="stylesheet">
    <link rel="stylesheet" href="__CSS__/style.css"/>

    <style>
        body{background: url("__IMG__/login_bg.jpg") no-repeat;background-size: 100% 100%;padding-top: 4%;}
        .logo-name{color: #fff;font-size: 130px;text-align: center;}
        .loginscreen.middle-box{width: 500px; height: 350px; background: rgba(255,255,255,0.5)!important;padding: 20px;border-radius: 5px;}
        .middle-box{max-width: 500px;}
        .input-group-addon{padding: 6px 22px;}
        .fa{font-size: 18px;}
    </style>
</head>

<body class="gray-bg">
<div id="top-alert" class="alert alert-danger" style="display: none;position: absolute;top:2px; right: 28%; width: 44%;
     z-index: 100;height: 50px;">
    <button class="close fixed" style="margin-top: 4px;">&times;</button>
    <div class="alert-content">这是内容</div>
</div>
<div class="animated fadeInDown"><p class="logo-name">SR</p></div>
<div class="middle-box loginscreen animated fadeInDown">
    <div class="row">
        <div class="col-xs-12">
            <form class="m-t form_info" role="form" action="{:U('')}" method="post">
                <div class="form-group">
                    <input type="text" name="username" class="form-control" placeholder="请输入用户名" required="">
                </div>
                <div class="form-group">
                    <input type="password" name="password" class="form-control" placeholder="请输入密码" required="">
                </div>
                <div class="form-group">
                    <input type="password" name="repassword" class="form-control" placeholder="请再次输入密码" required="">
                </div>
                <div class="form-group">
                    <input type="text" name="email" class="form-control" placeholder="请输入邮箱" required="">
                </div>
                <button type="submit" target-form="form_info" class="ajax-post btn btn-primary block full-width m-b">注 册</button>

                <p class="text-muted text-center"><small>已经有账户了？</small><a href="{:U('login')}">点此登录</a>
                </p>

            </form>
        </div>
    </div>
</div>
<script src="__STATIC__/js/jquery.min.js-v=2.1.4.js"></script>
<script src="__STATIC__/js/bootstrap.min.js-v=3.3.5.js"></script>
<script src="__JS__/srJS.js"></script>
</body>

</html>